<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!-- <$HEAD_TEMPLATE$> -->
<head>

<!-- META-DATA -->
<title><$BlogPageTitle$></title>
<meta name="description" content="a blogger blogspot blog" />
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript, Blogger, Skins" />

<!-- AUTO META-TAGS -->
<$BlogMetaData$>

<!-- PAGE ICON (uncomment and replace FORMAT and HREF) (for more info, see http://en.wikipedia.org/wiki/Favicon) -->
<!-- <link rel="icon" href="HREF" type="image/x-icon" /> -->
<!-- <link rel="shortcut icon" href="HREF" type="image/x-icon" /> -->
<!-- <link rel="icon" href="HREF" type="image/FORMAT" /> -->

<!-- STYLESHEET LINKS (uncomment and replace HREF) -->
<!-- <link rel="stylesheet" type="text/css" href="HREF" /> -->

<!-- JAVASCRIPT LINKS (uncomment and replace SRC) -->
<!-- <script type="text/javascript" src="SRC"></script> -->

<!-- LOCAL JAVASCRIPT -->
<script type="text/javascript">
</script>
<!-- end LOCAL JAVASCRIPT -->

<!-- INTERNAL STYLE SHEET -->
<style type="text/css">

/* ------------------------------

Bloggerstack Blank Template

Designer: Tom at klenwell@gmail.com
URL:      http://klenwell.net/is/
Date:     Mar 2007

------------------------------ */

/* HTML RESETS */
h1, h2, h3, h4, h5, h6 { margin:0 0 .5em; padding:0; }
p, pre, blockquote, ul, ol, dl, address { margin: .5em 0; padding: 0; }
ul li { list-style:none; margin-left:.5em; }
form, fieldset { margin: 0; padding: 0; }
dd, blockquote { margin-left: .5em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
table { border-collapse:collapse; }
td { vertical-align:top; }
.clear { clear:both; }
body { font-family:sans-serif; }

/* BASIC LAYOUT */
body { color:#999; background-color:#eef; }
.page { margin:40px 10px 10px; padding:4px; background-color:#fff; }
a { color:#666; text-decoration:underline; }
a:hover { color:#369; text-decoration:none; }

/* CORE PANEL */
.core_panel {}

/* BLOGGER STACK */
#blogger_stack { margin-left:25%; }
#blogger_stack_child { padding:12px; }

/* entry stack */
.entry_stack {  }
.entry_stack .child {  }
.item_header_stack {}
.date_header_block 
{
 font-size:12px;
 font-family:Frutiger, Verdana, Geneva, sans-serif;
 font-weight:normal;
 color:#369;
}

.item_core_stack {}
.item_title_block { color:#999; font-size:1.1em; }
.item_body_block { margin:0 0 4px; }

.item_footer_stack { font-size:.8em; }
.item_footer_stack a.comment_trigger {}
.item_footer_stack a.backlink_link {}
.item_footer_stack span.backlink_trigger {}
.item_footer_stack a.permalink {}

/* endnote stack */
#endnote_stack {}

#comment_stack, #backlink_stack 
{}
#comment_stack .comment_header_block, #backlink_stack .backlink_header_block
{
 margin:0 0 4px;
 font-size:12px;
 font-family:Frutiger, Verdana, Geneva, sans-serif;
 font-weight:bold;
 color:#369;
}
#comment_stack .comment_body_block, #backlink_stack .backlink_body_block 
{
 font:12px/1.3em "Lucida Console", Monaco, monospace;
 color:#999;
 background-color: #eef;
 padding:10px;
 border-bottom:1px solid #ccc;
 overflow-x:auto;
}
#comment_stack .comment_footer_block, #backlink_stack .backlink_footer_block 
{
 margin:2px 0 8px; 
 font-size:11px;
 font-family:Frutiger, Verdana, Geneva, sans-serif; 
}


#endnote_header_stack, #endnote_footer_stack { margin:16px 8px; padding:4px; background-color:#f3f3ff; }
#endnote_header_stack .endnote_trigger, #endnote_footer_stack .endnote_trigger { line-height:2em; }


/* SIDEBAR STACK */
#sidebar_stack { float:left; width:25%; background-color:#f3f3ff; }
#sidebar_stack .child { padding:4px; }
#sidebar_stack h3 
{
 margin:0 0 2px; padding:0;
 font-size:12px; 
 font-weight:bold;
 text-transform:uppercase;
 letter-spacing:.3em;
}
#sidebar_stack .substack { margin:0 0 12px; }
#sidebar_stack .substack p 
{
 margin:0 0 4px; 
 line-height:1.3em;
 font-size:13px; 
}

#profile_stack { display:none; }
#link_stack {}
#menu_stack {}
#archive_stack {}
#recent_post_stack {}

/* MASTHEAD PANEL */
#masthead_panel {}
#masthead_panel .child { padding:1em; }
#banner_stack {}
#banner_stack h1 
{
 margin:0;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-weight:normal;
}
#banner_stack h4 
{
	margin:0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-weight:normal;
}
#metabar_stack {}
#navbar_stack {}

/* FOOTER PANEL */
#footer_panel { clear:both; margin-top:8px; text-align:center; background-color:#f3f3ff; }
#footer_panel .child { padding:4px; }
#footer_left { float:left; }
#footer_right { float:right; }

</style>
<!-- end INTERNAL STYLE SHEET -->

</head>
<!-- end <$HEAD_TEMPLATE$> -->


<!-- <$BODY_TEMPLATE$> -->
<body>

<!-- <$PAGE_TEMPLATE$> -->
<div class="page" id="page_id">

<!-- <$masthead_panel$> -->
<div id="masthead_panel">
<div class="child">

<!-- <$metabar_stack$> -->
<div id="metabar_stack"></div>

<!-- <$banner_stack$> -->
<div id="banner_stack">
<h1><$BlogTitle$></h1>
<h4><$BlogDescription$></h4>
</div>

<!-- <$navbar_stack$> -->
<div id="navbar_stack"></div>

</div>
</div>
<!-- end <$masthead_panel$> -->


<!-- <$core_panel$> -->
<div id="core_panel">

<!-- <$sidebar_stack$> -->
<div id="sidebar_stack">
<div class="child">

<!-- <$profile_stack$> -->
<div id="profile_stack" class="substack">
<h3>profile</h3>
<div id="profile_photo"><img src="<$BlogOwnerPhotoUrl$>"></div>
<p id="profile_full_name"><span class="profile_label">Name:</span> <$BlogOwnerFullName$></p>
<p id="profile_location"><span class="profile_label">Home:</span> <$BlogOwnerLocation$></p>
<p id="profile_about"><span class="profile_label">About Me:</span> <$BlogOwnerAboutMe$></p>
<p id="profile_link"><a href="<$BlogOwnerProfileUrl$>">view complete profile</a></p>
</div>

<!-- <$menu_stack$> -->
<div id="menu_stack" class="substack">
<h3>menu</h3>
<p><a href="<$BlogURL$>search?q=blogger">entries on 'blogger'</a></p>
<p><a href="<$BlogURL$>search/label/blogger">entries labeled 'blogger'</a></p>
</div>

<!-- <$link_stack$> -->
<div id="link_stack" class="substack">
<h3>links of interest</h3>
<p><a href="http://www.blogger.com/">blogger home</a></p>
<p><a href="http://code.google.com/p/bloggerstack/">bloggerstack project page</a></p>
<p><a href="http://www.mushpup.org/">mushpup</a></p>
</div>

<!-- <$archive_stack$> -->
<div id="archive_stack" class="substack">
<h3>archives</h3>
<BloggerArchives>
<p><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a></p>
</BloggerArchives>
</div>

<!-- <$recent_post_stack$> -->
<div id="recent_post_stack" class="substack">
<h3>recent posts</h3>
<BloggerPreviousItems>
<p><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></p>
</BloggerPreviousItems>
</div>

</div>
</div>
<!-- end <$sidebar_stack$> -->


<!-- ** <$blogger_stack$> ** -->
<!-- NOTE: anything between Blogger tags will be repeated for every post on page -->
<div id="blogger_stack">
<div id="blogger_stack_child" class="child">
<Blogger>

<!-- <$entry_stack$> -->
<div class="entry_stack" id="item_<$BlogItemNumber$>">
<div class="child">

<!-- <$item_header_stack$> -->
<div class="item_header_stack">
<BlogDateHeader>
<div class="date_header_block" id="date_header_block_<$BlogItemNumber$>"><$BlogDateHeaderDate$></div>
</BlogDateHeader>
</div>

<!-- <$item_stack$> -->
<div class="item_core_stack">

<!-- <$item_title_block$> -->
<BlogItemTitle><div class="item_title_block">
<BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL>
<$BlogItemTitle$></a>
</div></BlogItemTitle>

<!-- <$item_body_block$> -->
<div class="item_body_block">
<$BlogItemBody$>
</div>

</div>
<!-- end <$item_stack$> -->

<!-- <$item_footer_stack$> -->
<div class="item_footer_stack">

<!-- comment trigger -->
<MainOrArchivePage><BlogItemCommentsEnabled>
<a class="comment_trigger" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>add comment</a>
(<$BlogItemCommentCount$>) |
</BlogItemCommentsEnabled></MainOrArchivePage>

<!-- backlink trigger -->
<MainOrArchivePage><BlogItemBacklinksEnabled>
<a class="backlink_link" href="<$BlogItemPermalinkUrl$>#backlink_stack">links to this post</a>
(<span class="backlink_trigger"><$BlogItemBacklinkCreate$></span>) |
</BlogItemBacklinksEnabled></MainOrArchivePage>

<!-- datetime / permalink -->
<a class="permalink" href="<$BlogItemPermalinkURL$>" title="permalink"><$BlogItemDateTime$></a>

</div>
<!-- end <$item_footer_stack$> -->

</div>
</div>
<!-- end <$entry_stack$> -->


<!-- <$endnote_stack$> -->
<ItemPage>
<div id="endnote_stack">

<!-- <$endnote_header_stack$> -->
<div id="endnote_header_stack">

<!-- home trigger -->
<div class="endnote_trigger">
<a class="home_trigger" href="<$BlogURL$>">&#8634; home</a>
</div>

<!-- comment trigger -->
<BlogItemCommentsEnabled>
<div class="endnote_trigger">
<a class="comment_trigger" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>&hearts; add a comment</a>
</div>
</BlogItemCommentsEnabled>

<!-- backlink trigger -->
<BlogItemBacklinksEnabled>
<div class="endnote_trigger">
<div class="backlink_trigger"><$BlogItemBacklinkCreate$></div>
</div>
</BlogItemBacklinksEnabled>

</div>
<!-- end <$endnote_header_stack$> -->

<!-- <$comment_stack$> -->
<BlogItemCommentsEnabled>
<div id="comment_stack">
<BlogItemComments> <!-- NOTE: this tag cycles through comments -->

<!-- <$comment_header_block$> -->
<div class="comment_header_block" id="<$BlogCommentNumber$>"><span class="comment_author"><$BlogCommentAuthor$></span> comments:</div>

<!-- <$comment_body_block$> -->
<div class="comment_body_block"><$BlogCommentBody$></div>

<!-- <$comment_footer_block$> -->
<div class="comment_footer_block"><a href="<$BlogCommentPermalinkURL$>"><$BlogCommentDateTime$></a><$BlogCommentDeleteIcon$></div>

</BlogItemComments>
</div>
</BlogItemCommentsEnabled>
<!-- end <$comment_stack$> -->

<!-- <$backlink_stack$> -->
<BlogItemBacklinksEnabled>
<div id="backlink_stack">
<BlogItemBacklinks> <!-- NOTE: this tag cycles through backlinks -->

<!-- <$backlink_header_block$> -->
<div class="backlink_header_block">
<$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
</div>

<!-- <$backlink_body_block$> -->
<div class="backlink_body_block"><$BlogBacklinkSnippet$></div>

<!-- <$backlink_footer_block$> -->
<div class="backlink_footer_block">
<span class="backlink_author">posted by <$BlogBacklinkAuthor$></span>
at <span class="backlink_datetime"><$BlogBacklinkDateTime$></span>
</div>

</BlogItemBacklinks>
</div>
</BlogItemBacklinksEnabled>
<!-- end <$backlink_stack$> -->

<!-- <$endnote_footer_stack$> -->
<div id="endnote_footer_stack">

<!-- comment trigger -->
<BlogItemCommentsEnabled>
<div class="endnote_trigger">
<a class="comment_trigger" href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>&hearts; add a comment</a>
</div>
</BlogItemCommentsEnabled>

<!-- backlink trigger -->
<BlogItemBacklinksEnabled>
<div class="endnote_trigger">
<div class="backlink_trigger"><$BlogItemBacklinkCreate$></div>
</div>
</BlogItemBacklinksEnabled>

<!-- home trigger -->
<div class="endnote_trigger">
<a class="home_trigger" href="<$BlogURL$>">&#8634; home</a>
</div>

</div>
<!-- END <$endnote_footer_stack$> -->

</div>
</ItemPage>
<!-- end <$endnote_stack$> -->

</Blogger>
</div>
</div>
<!-- ** end <$blogger_stack$> ** -->

</div>
<!-- end <$core_panel$> -->


<!-- <$footer_panel$> -->
<div id="footer_panel">
<div class="child">

<!-- footer left -->
<div id="footer_left">
a <a href="http://bloggerstack.blogspot.com/">blogger stack</a> template
</div>

<!-- footer right -->
<div id="footer_right">
<a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=151890&amp;t=85"><img border="0" alt="Get Firefox!" title="Get Firefox!" src="http://sfx-images.mozilla.org/affiliates/Buttons/80x15/firefox_80x15.png"/></a>
</div>

<!-- footer center -->
some rights reserved, &copy; 2007

</div>
</div>
<!-- end <$footer_panel$> -->

</div>
<!-- end <$PAGE_TEMPLATE$> -->

<!-- <$page_analytics$> -->
<!-- NOTE: code for Google Analytics below :: if using, just change _uacct setting -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-75217-6";
urchinTracker();
</script>
<!-- end <$page_analytics$> -->

</body>
<!-- end <$BODY_TEMPLATE$> -->

</html>
